<template>
	<div>



		<div class="header">
			
			
		


			<!-- title="智能供佛系统" -->
			<van-nav-bar      style="  background: linear-gradient(90deg, #41A9B7,#4fd4e2, #41A9B7);height: 5rem;line-height: 5rem;">

				<span  class="title" slot="title">请选择登录方式</span>

				<span style="font-size: 25px ; color: white; font-weight: 500;" slot="right">
					<van-button type="primary" color="#348994" @click="back">&nbsp;返&nbsp;&nbsp;&nbsp;回&nbsp;</van-button>
				</span>
			</van-nav-bar>

			<!-- <van-nav-bar title="智能供佛系统" style=" background: url(./images/系统标题部分.png);height: 80px;line-height: 80px; background-size:1142px 80px;background-repeat:no-repeat;">
				<van-icon name="search" slot="right" />
			</van-nav-bar> -->

		</div>
		<div class="content" >
			
			
			<!-- <el-input id="txt_Search" v-model="input" placeholder="请输入内容"     @blur="VirtualKeyboard.toggle('txt_Search','softkey')"  @focus="m1"	></el-input> -->

<!-- 
<input type="text" id="txt_Search" onfocus='test()' onblur="VirtualKeyboard.toggle('txt_Search','softkey')" />
		<div id="softkey" style="border: red solid 1px;"></div> -->
			<!-- 	<van-image src="./images/faceSwiping.png"   fit="fill"  /> -->
			<!-- 1280*800 -->
			<div class="image">
				<!-- <van-grid :gutter="70"  square centre clickable 
	:border="false" :column-num="4" >
	 <van-grid-item >
	    <van-image src="./images/idLogin.png"  fit="fill" @click="click" width="250px"/>
	  </van-grid-item>
	  <van-grid-item>
	    <van-image src="./images/fingerprintRecognition.png"  fit="fill"  width="250px"/>
	  </van-grid-item>
	  <van-grid-item>
	    <van-image src="./images/swipingCard.png"  fit="fill"  width="250px" />
	  </van-grid-item>
	  <van-grid-item>
	    <van-image src="./images/faceSwiping.png" fit="fill" width="250px" />
	  </van-grid-item>
	</van-grid> -->

<!-- width:="17.375rem" height="10.9375rem" -->
				<van-row type="flex" justify="space-around">
					<van-col span="1"></van-col>
					<van-col span="4"><van-image width="12.5rem" height="12.5rem" fit="cover"	src="./images/idLogin.png" @click="InitialLogin"  alt="" 	 /></van-col>
					<van-col span="4"><van-image width="12.5rem" height="12.5rem" fit="cover"	src="./images/fingerprintRecognition.png" alt="" 		@click="fingerprintRecognition"/></van-col>
					<van-col span="4"><van-image width="12.5rem" height="12.5rem" fit="cover"	src="./images/swipingCard.png" alt="swipingCard" @click="swipingCard"		/></van-col>
					<van-col span="4"><van-image width="12.5rem" height="12.5rem" fit="cover"	src="./images/faceSwiping.png" alt="" @click="face"/></van-col>
					<van-col span="1"></van-col>
				</van-row>
				</van-row>

			</div>

		</div>





	</div>
</template>

<script>
	

	export default {
		components: {

		},
		data() {
			return {
				input:'',
				active: 0,
				show: false,
				card:''
			}

		},
		methods: {
			
			/* m1(){
				VirtualKeyboard.toggle('txt_Search', 'softkey');
				 $("#kb_langselector,#kb_mappingselector,#copyrights").css("display", "none"); 
				
			}, */
			m2(){
				
			},
			
			goAbout() {
				this.$router.push("about");
			},
			click() {
				alert("1");
			},
			swipingCard() {
				this.$router.push("swipingCard");
			},



			fingerprintRecognition() {
				
				this.$toast.fail({
					message: '本机型暂未开放！'
				});
				
				//this.$router.push("fingerprintRecognition");
			},

			face() {
				this.$router.push("face");
			},
			InitialLogin() {
				this.$router.push("initialLogin");
			},
			back() {
				this.$router.push("homePage");
			}

		},created() {
			
			
			/* 
			 
			 
			 1----49
			 
			 2----50
			 
			 3----51
			 
			 4----52
			 
			 5----53
			 
			 6----54
			 
			 7----55
			 
			 8----56
			 
			 9----57
			 
			 0----48
			 */
			
		
			
			
		},
		mounted() {
			
			
	/* 		 */
		}



	}
</script>

<style>
	/* .title {

		color: #FFFFFF;
		font-size: 50px;
	} */

	/* .content {
		position: absolute;
		top: 50px;
		left: 0;
		bottom: 0;
	} */


</style>
